<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>选车-浙江星全汽车服务有限公司</title>      	
	<link rel="icon" href="" type="image/x-icon">
  <meta name="keywords" content="星全,吉利" /> 
  <meta name="description" content="浙江星全汽车服务有限公司公司以提升顾客价值为使命，致力于缩短汽车行业的交易环节，提升交易效率， 降低客户购买成本。" /> 
	<link rel="stylesheet" href="/public/static/index/css/main_d612930.css">
    <link rel="stylesheet" type="text/css" href="/public/static/index/css/listpage_f4e0697.css">
    <script src="/public/static/index/js/jquery-3.1.1.min.js"></script> 
<style type="text/css">
	#footer {
		width: 100%;
		min-width: 1200px;
		background: #000;
		padding-top: 40px;
		color: #cccccc;
	}
	
	#footer .container {
		width: 1180px;
		margin: 0 auto;
		min-width: 1180px;
		position: relative;
		overflow: hidden;
		background: #000;
	}
	
	.x9 {
		width: 75%;
		float: left;
	}
	
	.x3 {
		width: 25%;
		float: left;
	}
	
	.x12 {
		float: left;
		width: 100%;
	}
	
	#footer .footer-nav a {
		color: #ccc;
	}
	
	#footer .footer-nav a:hover {
		color: #2b7dbc;
	}
	
	#footer .copyright {
	    border-top: 1px solid #3b3b3b;
	    line-height: 30px;
	    text-align: center;
	    font-size: 12px;
	    color: #666666;
	    margin-top: 20px;background: #000;
	}
	#footer .footer-nav {
		width: 460px;
		float: left;
		overflow: hidden;
		margin-left: -1px;
	}
	
	#footer .footer-nav li {		
		margin-bottom: 15px;
		padding: 0 7px;
	}
	#footer .footer-nav li.split{
		color: #666;
	    padding: 0;
	}
	
	#footer .cooperation {
		margin-top: 0px;
	}
	
	#footer .cooperation h2,
	#footer .friend-links h2 {
		font-size: 14px;
		line-height: 44px;
		padding-left: 10px;
		color: #cccccc;
	}
	#footer .company-tel span{
		color: #999;
		font-size: 12px;
	}
	#footer .company-tel {
		font-size: 14px;
		margin-top: 40px;color: #ccc;
	}
	
	#footer .company-tel b {
		font-size: 24px;
		font-weight: normal;
		color: #ff9800;
	}
	#footer .cooperation ul li img {
		opacity: 0.9;
		filter: alpha(opacity=90);
	}
	
	#footer .cooperation ul li img:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	#footer .friend-links li a {
	    color: #7a7a7a;
	}
	#footer .friend-links li a:hover {
		color: #2b7dbc;
	}
	.container-layout {
		display: block;
		margin: 0 auto;
	}
	
	.bg-white {
		background-color: #fff;
	}
	
	#footer img {
		border: 0;
		vertical-align: bottom;
	}
</style>
</head>
  <body>

  <div class="container">
<style type="text/css"> 
	.topnav-wrap {
		position: relative;
		z-index: 6;
		height: 40px;
		width: 100%;
		min-width: 1190px;
		background: #fff;
		overflow: visible;
	}
	
	.topnav {
		margin: 0 auto;
		width: 1180px;
		overflow: visible;
	}
	
	.location {
		position: relative;
		left: 0;
		top: 0;
		height: 20px;
		cursor: pointer;
	}
	
	.bg-black {
		background-color: #000;
	}
	
	.text-white {
		color: #fff;
	}
	
	.text-main {
		color: #ff9800;
	}
	
	.padding {
		padding: 10px;
	}
	
	.float-left {
		float: left!important;
	}
	
	.float-right {
		float: right;
	}
	
	.text-center {
		text-align: center;
	}
	
	.icon-angle-up:before {
		content: "\f106";
	}
	
	.bg-gray {
		background-color: #666;
	}
	
	.bg {
		background: #f5f5f5;
	}
	
	[class*=icon-]:before {
		display: inline-block;
		font-family: FontAwesome;
		font-weight: 400;
		font-style: normal;
		vertical-align: baseline;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
	
	.icon-search:before {
		content: "\f002";
	}
	
	.icon-angle-down:before {
		content: "\f107";
	}
	
	.icon-caret-right:before {
		content: "\f0da";
	}
	
	.margin-big-left {
		margin-left: 20px;
	}
	
	.margin-big-bottom {
		margin-bottom: 20px;
	}
	
	.height-large {
		line-height: 40px;
	}
	
	.list-inline li {
		display: inline-block;
		padding: 0 10px;
		width: auto;
	}
	
	.list-inline .split {
		color: #e1e1e1;
		padding: 0;
	}
	
	.bg-gray-bold {
		background-color: #333;
	}
	
	.float-right {
		float: right!important;
	}
	
	#current-city {
		padding: 0 10px;
	}
	
	#city-list {
		position: absolute;
		width: 115.3px;
		background: #000;
		left: 0px;
		top: 40px;
		line-height: 40px;
		color: #fff;
		text-align: center;
		text-indent: 5px;
		display: none;
	}
	
	#city-list li {
		color: #fff;
		width: 115.3px
	}
	
	#city-list li:hover {
		color: #ff9800;
	}
	
	.location:hover #city-list {
		display: block;
	}
	
	.location {
		position: relative;
		left: 0;
		top: 0;
		height: 20px;
		cursor: pointer;
		background: #eeeeee;
		color: #666;
	}
	
	.location b {
		display: inline-block;
		width: 16px;
		height: 16px;
		background-image: url(/public/static/index/images/map-ico_2a4826d.png);
		vertical-align: middle;
	}
	
	.location:hover {
		background: #000;
		color: #fff;
	}
	
	.location:hover b {
		background-position: 0 -26px;
	}
	
	.location:hover span {
		color: #fff;
	}
	
	.topnav ul {
		margin: 0;
	}
	
	.topnav ul li {
		float: left;
		margin-left: 0px;
	}
	
	#nav {
		width: 100%;
		min-width: 1200px;
		z-index: 7;
		margin: 0 auto;
		height: 80px;
	}
	
	.bg-main {
		background-color: #438eb9;
	}
	
	#nav .container {
		width: 1180px;
		margin: 0 auto;
	}
	
	#nav ul li a {
		width: 90px;
		height: 36px;
		display: block;
		line-height: 36px;
		text-align: center;
		color: #fff;
		font-size: 18px;
	}
	
	#nav ul {
		margin-left: 110px;
		margin-top: 26px;
	}
	
	#nav ul li a:hover {
		background: #2b7dbc;
		color: #fff;
	}
	
	#nav .search-wrap {
		height: 50px;
		line-height: 50px;
		color: #fff;
		margin-top: 26px;
	}
	
	#nav .search-wrap input {
		border: 0;
		background: 0;
		color: #333;
		border-bottom: 1px dashed #eee;
	}
	
	#nav .search-wrap span {
		cursor: pointer;
		font-size: 16px;
		color: #fff;
	}
	
	#side-bar {
		width: 35px;
		position: fixed;
		right: 0;
		top: 0;
		height: 100%;
		z-index: 9;
	}
	
	#side-bar>a {
		margin-bottom: 35px;
		display: block;
	}
	
	#side-bar>ul {
		position: absolute;
		bottom: 0px;
	}
	
	#side-bar>ul li a {
		margin-top: 10px;
		margin-bottom: 0;
	}
	
	#side-bar .qcode div {
		position: absolute;
		left: -155px;
		bottom: 9px;
		display: none;
	}
	
	#side-bar .qcode:hover div {
		display: block;
	}
	
	#side-bar .qcode div span {
		position: absolute;
		left: 144px;
		bottom: 45px;
	}
	
	#side-bar .side-consult {
		background: #ff9800;
	}
	
	#side-bar .side-consult:hover {
		background: #ff7f00;
	}
	
	#side-bar .side-consult span,
	#side-bar .side-order span {
		text-align: center;
		line-height: 30px;
		display: block;
		color: #fff;
		font-size: 12px;
	}
	
	#side-bar .side-order:hover span {
		color: #f8a74b;
	}
	
	#side-bar .win-backtop {
		height: 30px;
		line-height: 30px;
	}
	
	.close-p {
		display: inline-block;
		font-size: 24px;
		cursor: pointer;
		line-height: 24px;
	}
	
	.close-p:before {
		content: "\00d7";
	}
	
	.padding-large {
		padding: 30px;
	}
	
	.border-bottom {
		border-bottom: solid 1px #ddd;
	}
	
	.padding-bottom {
		padding-bottom: 10px;
	}
	
	.margin-big-top {
		margin-top: 20px;
	}
	
	.margin-right {
		margin-right: 10px;
	}
	
	.padding-left {
		padding-left: 10px;
	}
	
	#side-bar-consult {
		width: 340px;
		height: 100%;
		background: #fff;
		border-left: 1px solid #e6e6e6;
		position: fixed;
		right: 40px;
		top: 0px;
	}
	
	@media screen and (max-height:730px) {
		#side-bar-consult {
			overflow: scroll;
			max-height: 100%;
		}
	}
	
	#side-bar-consult .close-p {
		line-height: 40px;
		font-size: 30px;
		color: #999999;
		margin-left: 10px;
	}
	
	#side-bar-consult .intention {
		color: #999999;
		padding-top: 5px;
	}
	
	#side-bar-consult .intention input {
		border: 0;
	}
	
	#side-bar-consult .sub-intention {
		display: block;
		margin-top: 35px;
		width: 280px;
		height: 40px;
		text-align: center;
		line-height: 40px;
		font-size: 14px;
		background: #cccccc;
		color: #666666;
	}
	
	#side-bar-consult .sub-intention:hover {
		background: #999;
	}
	
	#side-bar-consult .sub-intention.active {
		background: #ff9800;
		color: #fff;
	}
	
	#side-bar-consult .sub-intention.active:hover {
		background: #ff7f00;
		color: #fff;
	}
	
	
#top-search-val {
	border: 0;
	background: 0;
}

#top-search-wrap {
	position: relative;
}

#top-search-wrap input {
	width: 155px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

#top-search-wrap.active .icon-search {
	color: #ff9903;
}

#top-search-wrap.active input {
	width: 470px;
}

#top-search-autocomplete {
	width: 457px;
	left: 0;
	top: 40px;
	position: absolute;
	background: #333333;
	padding: 20px;
	display: none;
}

#top-search-autocomplete li{float: none;}
#top-search-autocomplete a {
	color: #fff;
	font-size: 16px;
}
#top-search-autocomplete a:hover{
	color: #ff9800;
}
	</style>

<nav id="nav" class="bg-main container-layout">
	<div class="container">
		<a href="/" target="_self"><img src="/public/static/index/images/starLOGO.png" class="float-left">
		</a>
	<ul class="list-inline float-left"> 
     <li><a href="/" >首页</a></li> 
     <li><a href="/index/index/brand" >选车</a></li> 
     <li><a href="/index/index/contact" >联系我们</a></li> 
     <li><a href="/index/index/faq" >FAQ</a></li> 
    </ul> 
		
	</div>
</nav>

<div class="listpage-top-nav">
  <p><a href="/">首页</a>&gt;<a>车型</a></p>
</div><div class="listpage-warp">
    <div class="listpage-main">
<div class="listpage-left-nav">
  <div class="left-nav-padding">
    <div class="left-nav-list brand"><img src="/public/static/index/images/ico_03.png"><span>品牌</span></div>
    <ul class="list-tag car-logo">
    	<?php 
    	if(isset($brandList) && $brandList != null && is_array($brandList) && count($brandList) > 0) {
    		foreach ($brandList as $brand) {
    			if ($brand['id'] == $productList['brandId']) {
					echo "<li style='cursor:pointer;' class='tagcur'>";
    			} else {
    				echo "<li style='cursor:pointer;'>";
    			}
    			echo '<a data-bid="'.$brand['id'].'" onclick="getBrand('.$brand['id'].')" title="'.$brand['name'].'">';
    			echo '<img src="/public/uploads/'.$brand['url'].'" alt="'.$brand['name'].'">';
				echo "</a>";
    			echo "</li>";
    		}
    	}
    	?>
    </ul>

  </div>
</div>
<div class="listpage-right-nav">

  <div class="right-nav-title">
	<div class="title-padding clearfix car-series-select">
		<div class="title-padding">
			<?php
				if (isset($productList['brandId']) && $productList['brandId'] != null && !empty($productList['brandId'])) {
					echo '<div class="div3">';
					echo '<a class="a1 brand" onclick="clearBrand()"><span class="car-name">';
					foreach ($brandList as $brand) {
						if ($brand['id'] == $productList['brandId']) {
							echo $brand['name'];
						}
					}
					echo '</span><img src="/public/static/index/images/close_hover_01.png"></a>';
					echo '</div>';
				}
			?>
	    	<div class="resault">
	    	<?php
	    		if (isset($productList['brandId']) && $productList['brandId'] != null && !empty($productList['brandId']) && isset($productList['brandCount']) && !empty($productList['brandCount'])) {
	    			foreach ($brandList as $brand) {
						if ($brand['id'] == $productList['brandId']) {
							echo $brand['name'];
						}
					}
	    			echo '车型<span>'.$productList['brandCount'].'</span>个';
	    		} else {
	    			echo '所有车型<span>'.$productList['count'].'</span>个';
	    		}
	    	?>
	    	</div>
    	</div>
	</div>
  </div>

  <div id="car-content-grid">
<style type="text/css">
    #rexiao{
		position: relative;
	}
	#rexiao-icon{
		position: absolute;
		width: 48px;
		height:50px;
        left: 0;
		top: 0;
	}
</style>
<div class="right-nav-list">

	<ul>
		<?php
		if (isset($productList['list']) && $productList['list'] != null && is_array($productList['list']) && count($productList['list']) > 0) {
			foreach ($productList['list'] as $product) {
				echo "<li>";
				echo '<div class="car-details">';
				echo '<div id="rexiao">';
				echo '<a href="/index/index/product?productId='.$product['id'].'">';
				echo '<img src="/public/uploads/'.$product['img'].'" alt="'.$product['name'].'" class="lazy">';
				echo '</a>';
				echo '</div>';
				echo '<div class="detail">';
				echo '<a href="/index/index/product?productId='.$product['id'].'">';
				echo '<p class="font18 carname">'.$product['name'].'</p>';
				echo '<p class="carinfo">'.$product['abstract'].'</p>';
				echo '</a>';
				echo '<p class="p2"><span class="mall-pice">星全价<i class="i-01">'.$product['star_price'].'</i>万</span>';
				echo '<span class="details-price" style="display: inline-block;">厂商指导价<i>￥'.$product['guidance_price'].'万</i></span>';
				echo '</p>';
				echo '</div>';
				echo '</div>';
				echo '</li>';
			}
		}
		?>
	</ul>
</div>

	<div class="pagination">
	  	<ul>
	  	<?php 
	  		$lastPage = $productList['lastPage'];
	  		$firstPage = $productList['firstPage'];
	  		if (isset($lastPage) && !empty($lastPage) && isset($firstPage) && !empty($firstPage)) {
	  			if (isset($productList['brandId']) && $productList['brandId'] != null && !empty($productList['brandId'])) {
	  				$url = "/index/index/brand?brandId=".$productList['brandId']."&page=";
	  			} else {
	  				$url = "/index/index/brand?page=";
	  			}
	  			$apage = $productList['thisPage'] - 1;
	  			$apage = $apage < 1 ? 1:$apage;
	  			echo '<li><a class="first" href="'.$url.$apage.'">上一页</a></li>';

	  			for ($i=1;$i<=$lastPage;$i++) {
	  				if ($i == $productList['thisPage']) {
	  					echo '<li><a class="cur" href="'.$url.$i.'">'.$i.'</a></li>';
	  				} else {
	  					echo '<li><a href="'.$url.$i.'">'.$i.'</a></li>';
	  				}
	  			}
	  			$next = $productList['thisPage'] + 1;
	  			$next = $next > $lastPage ? $lastPage :$next;
	  			echo '<li><a class="last" href="'.$url.$next.'">下一页</a></li>';
	  			echo '<li></li>';
	  		}
	  	?>
	  </ul>
	</div>
</div>
</div>
</div>
</div>
<footer id="footer">
	<div class="container">
		<div class="x9 float-left">

			<ul class="list-inline footer-nav">
                <li><a href="/index/index/introduce" >平台简介</a></li>
                <li class="split">|</li>
                <li><a href="/index/index/flow" >购车流程</a></li>
                <li class="split">|</li>
                <li><a href="/index/index/contact" >联系我们</a></li>
            </ul>
  			
			<div class="cooperation float-left">
				<h2>合作伙伴</h2>
				<ul class="list-inline">
					<li>
						<a href="#" ><img src="/public/static/index/images/fr/KDLOGO.png"></a>
					</li>
					<li>
						<a href="#" ><img src="/public/static/index/images/fr/JS.jpg"></a>
					</li>
					<li>
						<a href="#" ><img src="/public/static/index/images/fr/YD.jpg"></a>
					</li>					
					<li>
						<a href="#" >
							<img src="/public/static/index/images/fr/TBlogo.jpg"></a>
					</li>
					<li>
						<a href="#" ><img src="/public/static/index/images/fr/sls.jpg"></a>
					</li>
				</ul>
			</div>
			<div class="friend-links float-left">
				<h2>友情链接</h2>
				<ul class="list-inline">
					<li>
						<a href="http://www.gleagleev.com/" target="_blank">浙江吉合康电动汽车销售有限公司</a>
					</li>
					<li>
						<a href="http://www.ydsh150.com/" target="_blank">浙江巨声网络技术有限公司</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="float-right">
	      <div class="float-left">
	        <img src="/public/static/index/images/starWei.jpg" width="100px" height="100px" />
	      </div>
	      <div class="float-right" style="padding:20px 0 10px 20px;">
	        <p style="font-size: 20px;padding-bottom: 5px;color:#7a7a7a;">扫描二维码</p>
	        <p style="font-size: 18px;padding-bottom: 5px;color:#7a7a7a;">关注星全微信公众号</p>
	      </div>
	      <div style="padding-top: 5px;clear: both;"> 
	        <p style="font-size: 18px;color:#7a7a7a;">客服电话：0571-28098514</p>
	      </div>
	    </div>
	     <div class="copyright x12" >
	      <div style="width:400px;margin:0 auto;padding:20px 0;">
	      <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;font-size: 14px;">版权所有:浙江星全汽车服务有限公司 浙ICP备17054713号-1 </p>
	      </div>
	    </div> 
	    <div style="width:300px;margin:0 auto; padding:20px 0;"> 
	     <a style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">技术支持：杭州诺巴哥科技有限公司</p></a> 
	    </div> 
	</div>
	
</footer>
  
</body></html>
<script type="text/javascript">
	function getBrand(id) {
		window.location.href = '/index/index/brand?brandId='+id;
	}

	function clearBrand() {
		window.location.href = '/index/index/brand';
	}
</script>